<template>
    <div>
      
     <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-media" v-for="item in newslist" :key = "item.id">
                <router-link :to="'/home/newsinfo/'+item.id">
                    <img class="mui-media-object mui-pull-left" :src="item.img_url">
                    <div class="mui-media-body">
                        <h1>{{ item.title }}</h1>
                        <p>
                             <span>发表时间: {{item.add_time | dataFormat}}</span>
                             <span>点击次数: {{item.click}}</span>
                        </p>
                    </div>
                </router-link>
            </li>
             
     </ul>

    </div>
</template>
<script>
export default {
    data(){
        return{
            newslist: [],
        }
    },
    created(){
        this.getNewsList();
    },
    methods: {
        getNewsList(){
            this.$http.get('api/getnewslist').then(result => {
             if(result.data.status === 0){
              this.newslist = result.data.message;
             }
        })
        }
    }
}
</script>
<style lang="scss" scoped>
 .mui-media-body {
    //  padding-bottom: 40px; 
     p {
         display: flex;
         justify-content: space-between;
     span {
         font-size: 12px;
     }
     }
     h1 {
         font-size: 14px;
     }
 }
</style>
